<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>内容标签</title>
</head>
<body>
<!--
    内容标签的分类
        语法分类：
            + 关闭标签 ： 以对标签【正反标签】形式出现，可以填充标签内容
                        组成  <标签名 标签属性定义…… > 内容 </标签名>
            + 非关闭标签 ：以单标签形式出现，不能添加自定义标签内容，都是自带效果格式
                        组成 <正标签 标签属性定义…… /> -h5简化-> <正标签 标签属性定义…… >
        从标签在页面的大小分类
            + 块级标签 ： 独占一行，不论标签内容是多少，该标签不会和其它标签或内容分享页面的行
            + 行级标签 ： 基于内容自动适配大小，如果内容不足以占满一行会和其它标签或内容分享当前行
-->
    <!--关闭标签-->
    <h1>标题标签</h1>
    <!-- 非关闭标签 -->
    <hr>
    <!--块级标签-->
    <p>这是一段内容文本</p>外部的文本内容
    <hr>
    <!--行级标签-->
    <span>行级标签内容1</span>
    外部的文本内容
    <span>行级标签内容2</span>
    <hr>
    <!--
    页面的特殊处理
        + 页面内容呈现时,只会基于行快进行内容换行或者使用br标签,无法使用文本换行符号
        + 存在一些特殊字符需要显示,可以使用实体构建
            实体 : 特殊字符的指代编码
            - 浏览器对一行文本内容进行读取和加载时,连续空格只会渲染一个,
              如果需要保留空格可以通过实体 &nbsp; 替代
    -->
    <h1>
        这是第一段文本
        这是第二段文本
    </h1>
    <h1>这是第一段文本</h1>
    <h1>这是第二段文本</h1>
    <h1>
        这是第一段文本
        <br>
        这是第二段文本
    </h1>
    <h1>&reg;</h1>
    <h1><</h1>
    <h1>这是第一段文本                    这是第二段文本</h1>
    <h1>这是第一段文本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这是第二段文本</h1>
</body>
</html>